<template>
  <div class="template-layout-block" :style="{height:`${height}px`}">
    <!-- 头部 -->
    <div v-if="$slots.title" class="template-layout-block__header">
      <h3>
        <slot name="title">{{title}}</slot>
      </h3>
    </div>
    <!-- 主体 -->
    <div :class="['template-layout-block__body',{'is-has-header':$slots.title}]">

      <div v-if="$slots.sidebar" class="sidebar">
        <slot name="sidebar"></slot>
      </div>
      <div v-if="$slots.main" class="main">
        <slot name="main"></slot>
      </div>
    </div>
     <slot></slot>
  </div>
</template>
<script>
export default {
  name: "EpmManagerLayout",
  props: {
    title: {
      type: String,
      required: false,
    },
    height: {
      type: Number,
      required: false,
    },
  },
};
</script>
